<script setup lang="ts">
import zhCN from "ant-design-vue/es/locale/zh_CN";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
import { ref } from "vue";

dayjs.locale("zh-cn");

const locale = ref(zhCN);
</script>

<template>
  <a-config-provider :locale="locale">
    <RouterView />
  </a-config-provider>
</template>

<style lang="scss">

/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  // background: rgba(24, 144, 255, 0.2);
  background: rgba(0, 0, 0, 0.1);
}

.ant-table-body:hover::-webkit-scrollbar-thumb:vertical {
  /*这里写鼠标移入时的滚动条颜色和边框样式*/
  background: rgba(0, 0, 0, 0.4);
  width: 6px;
}

.ant-table-body:hover::-webkit-scrollbar-thumb:horizontal {
  /*这里写鼠标移入时的滚动条颜色和边框样式*/
  background: rgba(0, 0, 0, 0.4);
  height: 10px;
}
.box {
  height: 100%;
  overflow: scroll;
}
.ant-table-body:hover::-webkit-scrollbar {
  /*这里写鼠标移入时的滚动条颜色和边框样式*/
  height: 6px;
  width: 6px;
}
.ant-image-preview-content {
  height: 100%;
}
</style>
